.home-layout{
	padding-top: 71px;
}
@media only screen and (min-width:1600px) {
	.home-layout>.col-md-8{/*width:1100px;*/padding-right:8px;}
	.home-layout>.col-md-2{/*width:560px;*/padding-left:8px;}
	.home-layout{margin:0 60px;}
}
.flow{
	padding: 30px 30px 20px;
	background-color: #fff;
}
.flow-title{
	margin: 0 0 10px 0;
	font-size: 20px;
	font-weight: normal;
}
.flow-view{
	opacity: 0;
	display: inline;
	padding: 2px 6px;
	border:1px solid #3FAAA4;
	text-decoration: none;
	transition: opacity 0.3s; 
}
.flow-view:hover,.flow-view:active,.flow-view:focus{
	text-decoration: none;
	border-color:#23527c;
}
.flow-item-header:hover .flow-view{
	opacity: 1;
}
.flow-div{
	position: relative;
	margin: 40px 0 0 40px;
	padding-left: 25px;
	/*border-left: 1px solid #3faba4;*/
}
.flow-div:before{
	content:'';
	width:1px;
	background-color: #3faba4;
	position: absolute;
	left:0;
	top:10px;
	bottom:30px;
}
.flow-item{
	position: relative;
	margin-bottom: 20px;
	padding:0 0 20px 0;
	border-bottom: 1px solid #dfdfdf;
}
.flow-avanta{	
	display: inline-block;
	vertical-align: middle;
	margin-left: -43px;
	width:36px;
	height:36px;
	line-height: 36px;
	text-align: center;
	color:#fff;
	font-size: 16px;
	border-radius:50%;
	background-color: #cb5a5e;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
.flow-owner{
	margin: 0 10px 0 5px;
	color:#888
}
.flow-action{
	margin:0 10px 0 0;
	color:#888
}
.flow-time{
	margin: 0 10px;
	color:#888
}

.flow-type-comment .flow-item-body>p,.flow-type-reply .flow-item-body>p{
	margin-bottom: 0;
	padding:10px;
	background-color: #f3f3f3;
}
.flow-item a.task-name:link{
	color:#333;
	text-decoration: none;
}
.flow-item a.task-name:hover{
	color:#3FABA4
}
.home-text-del{
	color:#999 !important;
	text-decoration: line-through !important;
}
.level-1, .level-2, .level-3, .level-4, .level-5 {
    display: inline;
    margin-right: 10px;
    padding: 1px 12px;
    border: 1px solid #ccc;
    vertical-align: middle;
}
.level-5{
	color:#e26a6a;
	border-color: #e26a6a;
}
.flow-type-assign-to{
	margin-top: 10px;
	margin-bottom: 0;
	padding:10px 0 0;
	border-top: 1px solid #eee;
}
.flow-type-assign-to .img-circle{
	margin-left: 20px;
	display: inline-block;
	vertical-align: middle;
	width:50px;
	height:50px;
	line-height:50px;
	text-align: center;
	color:#fff;
	font-size: 20px;
	border-radius:50%;
	background-color: #607d8b;
}
.flow-type-assign-to .img-circle:first-child{
	margin-left: 0;
}
.flow-type-comment .flow-avanta{
	background-color: #cb5a5e;
}
.flow-type-create .flow-avanta{
	background-color: #3faba4;
}
.flow-type-assign .flow-avanta{
	background-color: #3faba4;
}
.flow-type-filing .flow-avanta{
	background-color:#3598dc ;
}

.chart{
	margin-bottom: 15px;
	position: relative;
	/*width:537px;
	height:300px;*/
	overflow: hidden;
	background-color: #fff;
	padding-top: 30px;
}
.chart-des{
	position: absolute;
	z-index: 9;
	top:0;
	left:0;
	right:0;
	padding:10px;
}
.tag-1,.tag-2{
	margin-right: 5px;
	display: inline-block;
	width: 20px;
	height: 10px;
	vertical-align: middle;
	line-height: 12px;
}
.tag-1~label{
	margin-right: 10px;
}
.tag-1{
	background-color: #59aea2;
}
.tag-2{
	background-color: #e3f5f3;
}
.chart-des .title b,.chart-des .title label{
	font-weight: normal;
}
.chart-data{
	margin: 10px auto;
}
.chart-data li{
	float:left;
	text-align: center;	
	color:#999;
}
.chart-data li b{
	display: block;
	text-align: center;
	font-size: 30px;
	line-height: 50px;
	font-weight: normal;
}
.home-task{
	margin-bottom: 15px;
	padding:20px;
	background-color: #fff;
}
.home-task .nav-tabs{
	margin-bottom: 20px;
	border-bottom: 0;
}
.home-task .nav-tabs>li{
	margin-right: 10px;
}
.home-task .nav-tabs>li>a{
	width:80px;
	height:32px;
	padding:0;
	text-align: center;
	line-height: 32px;
	border-radius:4px;	
}
.home-task .nav-tabs>li>a:hover{
	border-color:transparent
}
.home-task-item>div{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.home-task-item>div a{
	color:#333;
}
.home-task-item>div a:hover{
	text-decoration: none;
	color:#3FAAA4
}
.home-task-item>div a.text-del{
	color:#999;
	text-decoration: line-through;
}
.home-task-item>p{
	margin-bottom: 0;
	padding:5px 0 5px 28px;
	color:#aaaaaa;
}
.home-task-item{
	margin-bottom: 18px;
	padding-bottom: 12px;
	border-bottom: 1px solid #ddd;
}
.home-task .more{
	color:#1a88bb;
	text-decoration: none;
}.home-task .more:hover{
	color:#3FAAA4
}
.home-task-list~p{
	margin-bottom: 0;
}
li{
	list-style: none;
}
.home-box{
	padding:20px;
	background-color: #fff;
	margin-bottom: 15px;
}
.home-box:last-child{
	margin-bottom: 0;
}
.home-box>h3{
	margin: 0 0 20px;
	font-size: 16px;
	color:#5c6371;
}
.home-box>h3>a{
	float:right;
	color:#666;
}
.message-box>ul{
	margin: 0 20px;
}
.message-box>ul>li{
	float:left;
	width:50%;
	padding:6px 10px;
	white-space: nowrap;
}
.message-box>ul>li>a{
	color:#607d8b;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
.message-box>ul>li>a:hover{
	color:#3FAAA4
}
.g-ellipsis{
    max-width: 120px;
    display: inline-block;
    vertical-align: middle;
}
.message-box .badge {
	margin-left: 20px;
    padding: 2px 6px;
    font-family: arial;
    text-shadow: none;
    background-color: rgb(243, 86, 93);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
.vote-box>ul{
	margin-left: 20px;
}
.vote-box>ul>li>span{
	color:#555;
	text-decoration: none;
	line-height: 32px;
}
.vote-box>ul>li a.btn{
	float:right;
	padding:4px 12px;
	border:1px solid #3FAAA4;
	color:#3FAAA4;
	line-height: 20px;
}
.online-list{
	margin-left: 20px;
}
.online-list .img-circle{
	width:42px;
	height: 42px;
	display: inline-block;
	margin: 0 8px 8px 0;
	background-color: #607D8B;
	line-height: 42px;
	text-align: center;
	font-size: 18px;
	color:#fff;
	text-transform: uppercase;
}
.assing-user{
	display: inline-block;
	margin-left:2px;
	margin-right:3px;
}
#weekchart{
	width:100%;
	margin-bottom: -5px;
}

/*首页幻灯*/
#hotEvent{
	margin-bottom: 15px;
	background-color: #fff;
}
#hotEvent>h3{
	margin: 0;
	height:50px;
	padding:16px 20px 16px;
	background-color: #58afa3;
	color:#fff;
	font-size: 16px;
}
.hot-event{
	position: relative;
	padding: 250px 0 0;
}
.hot-event .switch-nav { 
	position: absolute; 
	right: 20px; 
	top: -35px; 
	z-index: 2; 
	color:#fff;
	font-size: 14px;
	font-family: arial;
}
.hot-event .switch-nav span{
	text-align: center;
}
.switch-tab{
	margin-left: 15px;
}
.event-item-count{
	margin-right: 15px;
}
.count-gap{
	margin: 0 5px;
}
.hot-event .switch-nav span.event-item-count{
	text-align: left;
}
.hot-event .switch-nav a{
	color:#fff;
	text-decoration: none;
}
.hot-event .switch-tab{
	display: inline-block;
}
.hot-event .switch-tab a, .hot-event .switch-tab .current {
	display:none;
}
.hot-event .switch-tab .current { 
	display:inline-block; 
}
.hot-event .event-item { 
	height: 250px; 
	width: 100%; 
	position: absolute; 
	z-index: 1; left: 0; top: 0; 
	padding:0 20px 10px
}
.hot-event .event-item h4{
	margin: 0;
	padding:25px 0;
	text-align: center;
	font-size: 18px;
	color:#191919;
}
.event-item-content{
/* 	height:130px; */
}
.event-item-content p{
	height: 135px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-indent: 2em;
	line-height:2;
	color:#666;
}
.event-item-content img{
	width:152px;
	height:128px;
	float:right;
	margin-left: 10px;
}
.event-item-plus{
	position: absolute;
	bottom:10px;
}
.gicon-arrow-left-white{width:14px;height:18px;background-position: -300px -500px;}
.gicon-arrow-right-white{width:14px;height:18px;background-position: -350px -500px;}

.flow-title{
	float: left;
}
.flow-filter{
	position: relative;
	float: right;	
}
.flow-filter>a{
	color:#333;
	font-size: 15px;
	line-height: 22px;
}
.flow-filter>.dropdown-menu{
	top:0;
	right:14px;
	margin-right:100%;
	margin-top:-5px;
}
.flow-filter .dropdown-menu:after{
	content: url("img/tri.png");
	width: 15px;
    height: 11px;
    position: absolute;
    top: 12px;
    right: -17px;
	-ms-transform:rotate(90deg); 	
	-moz-transform:rotate(90deg); 	
	-webkit-transform:rotate(90deg); 
	-o-transform:rotate(90deg);
    transform:rotate(90deg);
}
.flow-filter>.dropdown-menu>li>a{
	padding-top:10px;
	padding-bottom: 10px;
}
.flow-filter>.dropdown-menu>.active>a, .flow-filter>.dropdown-menu>.active>a:focus, .flow-filter>.dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #3faba4;
}